<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>OUIF : Text Button Package</title>
<link rel="stylesheet" type="text/css" href="buttonPackage.css">
</head>
<body>
<h1>OUIF : Text Button Package</h1>
<hr>
<table border="1" cellspacing="0">
	<caption> Regular Button </caption>
	<thead>
		<tr>
			<th scope="col">Element</th>
			<th scope="col">small</th>
			<th scope="col">medium</th>
			<th scope="col">large</th>
			<th scope="col">xLarge</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">a</th>
			<td><span class="button small"><a href="#">anchor</a></span></td>
			<td><span class="button medium"><a href="#">anchor</a></span></td>
			<td><span class="button large"><a href="#">anchor</a></span></td>
			<td><span class="button xLarge"><a href="#">anchor</a></span></td>
		</tr>
		<tr>
			<th scope="row">button</th>
			<td><span class="button small"><button type="button">button</button></span></td>
			<td><span class="button medium"><button type="button">button</button></span></td>
			<td><span class="button large"><button type="button">button</button></span></td>
			<td><span class="button xLarge"><button type="button">button</button></span></td>
		</tr>
		<tr>
			<th scope="row">input</th>
			<td><span class="button small"><input type="submit" value="input"></span></td>
			<td><span class="button medium"><input type="submit" value="input"></span></td>
			<td><span class="button large"><input type="submit" value="input"></span></td>
			<td><span class="button xLarge"><input type="submit" value="input"></span></td>
		</tr>
	</tbody>
</table>
<hr>
<table border="1" cellspacing="0">
	<caption> Regular Button : Check Icon</caption>
	<thead>
		<tr>
			<th scope="col">Element</th>
			<th scope="col">small</th>
			<th scope="col">medium</th>
			<th scope="col">large</th>
			<th scope="col">xLarge</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">a</th>
			<td><span class="button small icon"><span class="check"></span><a href="#">anchor</a></span></td>
			<td><span class="button medium icon"><span class="check"></span><a href="#">anchor</a></span></td>
			<td><span class="button large icon"><span class="check"></span><a href="#">anchor</a></span></td>
			<td><span class="button xLarge icon"><span class="check"></span><a href="#">anchor</a></span></td>
		</tr>
		<tr>
			<th scope="row">button</th>
			<td><span class="button small icon"><span class="check"></span><button type="button">button</button></span></td>
			<td><span class="button medium icon"><span class="check"></span><button type="button">button</button></span></td>
			<td><span class="button large icon"><span class="check"></span><button type="button">button</button></span></td>
			<td><span class="button xLarge icon"><span class="check"></span><button type="button">button</button></span></td>
		</tr>
		<tr>
			<th scope="row">input</th>
			<td><span class="button small icon"><span class="check"></span><input type="submit" value="input"></span></td>
			<td><span class="button medium icon"><span class="check"></span><input type="submit" value="input"></span></td>
			<td><span class="button large icon"><span class="check"></span><input type="submit" value="input"></span></td>
			<td><span class="button xLarge icon"><span class="check"></span><input type="submit" value="input"></span></td>
		</tr>
	</tbody>
</table>
<hr>
<table border="1" cellspacing="0">
	<caption> Regular Button : Add Icon</caption>
	<thead>
		<tr>
			<th scope="col">Element</th>
			<th scope="col">small</th>
			<th scope="col">medium</th>
			<th scope="col">large</th>
			<th scope="col">xLarge</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">a</th>
			<td><span class="button small icon"><span class="add"></span><a href="#">anchor</a></span></td>
			<td><span class="button medium icon"><span class="add"></span><a href="#">anchor</a></span></td>
			<td><span class="button large icon"><span class="add"></span><a href="#">anchor</a></span></td>
			<td><span class="button xLarge icon"><span class="add"></span><a href="#">anchor</a></span></td>
		</tr>
		<tr>
			<th scope="row">button</th>
			<td><span class="button small icon"><span class="add"></span><button type="button">button</button></span></td>
			<td><span class="button medium icon"><span class="add"></span><button type="button">button</button></span></td>
			<td><span class="button large icon"><span class="add"></span><button type="button">button</button></span></td>
			<td><span class="button xLarge icon"><span class="add"></span><button type="button">button</button></span></td>
		</tr>
		<tr>
			<th scope="row">input</th>
			<td><span class="button small icon"><span class="add"></span><input type="submit" value="input"></span></td>
			<td><span class="button medium icon"><span class="add"></span><input type="submit" value="input"></span></td>
			<td><span class="button large icon"><span class="add"></span><input type="submit" value="input"></span></td>
			<td><span class="button xLarge icon"><span class="add"></span><input type="submit" value="input"></span></td>
		</tr>
	</tbody>
</table>
<hr>
<table border="1" cellspacing="0">
	<caption> Regular Button : Delete Icon</caption>
	<thead>
		<tr>
			<th scope="col">Element</th>
			<th scope="col">small</th>
			<th scope="col">medium</th>
			<th scope="col">large</th>
			<th scope="col">xLarge</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">a</th>
			<td><span class="button small icon"><span class="delete"></span><a href="#">anchor</a></span></td>
			<td><span class="button medium icon"><span class="delete"></span><a href="#">anchor</a></span></td>
			<td><span class="button large icon"><span class="delete"></span><a href="#">anchor</a></span></td>
			<td><span class="button xLarge icon"><span class="delete"></span><a href="#">anchor</a></span></td>
		</tr>
		<tr>
			<th scope="row">button</th>
			<td><span class="button small icon"><span class="delete"></span><button type="button">button</button></span></td>
			<td><span class="button medium icon"><span class="delete"></span><button type="button">button</button></span></td>
			<td><span class="button large icon"><span class="delete"></span><button type="button">button</button></span></td>
			<td><span class="button xLarge icon"><span class="delete"></span><button type="button">button</button></span></td>
		</tr>
		<tr>
			<th scope="row">input</th>
			<td><span class="button small icon"><span class="delete"></span><input type="submit" value="input"></span></td>
			<td><span class="button medium icon"><span class="delete"></span><input type="submit" value="input"></span></td>
			<td><span class="button large icon"><span class="delete"></span><input type="submit" value="input"></span></td>
			<td><span class="button xLarge icon"><span class="delete"></span><input type="submit" value="input"></span></td>
		</tr>
	</tbody>
</table>
<hr>
<table border="1" cellspacing="0">
	<caption> Regular Button : Calendar Icon</caption>
	<thead>
		<tr>
			<th scope="col">Element</th>
			<th scope="col">small</th>
			<th scope="col">medium</th>
			<th scope="col">large</th>
			<th scope="col">xLarge</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">a</th>
			<td><span class="button small icon"><span class="calendar"></span><a href="#">anchor</a></span></td>
			<td><span class="button medium icon"><span class="calendar"></span><a href="#">anchor</a></span></td>
			<td><span class="button large icon"><span class="calendar"></span><a href="#">anchor</a></span></td>
			<td><span class="button xLarge icon"><span class="calendar"></span><a href="#">anchor</a></span></td>
		</tr>
		<tr>
			<th scope="row">button</th>
			<td><span class="button small icon"><span class="calendar"></span><button type="button">button</button></span></td>
			<td><span class="button medium icon"><span class="calendar"></span><button type="button">button</button></span></td>
			<td><span class="button large icon"><span class="calendar"></span><button type="button">button</button></span></td>
			<td><span class="button xLarge icon"><span class="calendar"></span><button type="button">button</button></span></td>
		</tr>
		<tr>
			<th scope="row">input</th>
			<td><span class="button small icon"><span class="calendar"></span><input type="submit" value="input"></span></td>
			<td><span class="button medium icon"><span class="calendar"></span><input type="submit" value="input"></span></td>
			<td><span class="button large icon"><span class="calendar"></span><input type="submit" value="input"></span></td>
			<td><span class="button xLarge icon"><span class="calendar"></span><input type="submit" value="input"></span></td>
		</tr>
	</tbody>
</table>
<hr>
<table border="1" cellspacing="0">
	<caption> Regular Button : Refresh Icon</caption>
	<thead>
		<tr>
			<th scope="col">Element</th>
			<th scope="col">small</th>
			<th scope="col">medium</th>
			<th scope="col">large</th>
			<th scope="col">xLarge</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">a</th>
			<td><span class="button small icon"><span class="refresh"></span><a href="#">anchor</a></span></td>
			<td><span class="button medium icon"><span class="refresh"></span><a href="#">anchor</a></span></td>
			<td><span class="button large icon"><span class="refresh"></span><a href="#">anchor</a></span></td>
			<td><span class="button xLarge icon"><span class="refresh"></span><a href="#">anchor</a></span></td>
		</tr>
		<tr>
			<th scope="row">button</th>
			<td><span class="button small icon"><span class="refresh"></span><button type="button">button</button></span></td>
			<td><span class="button medium icon"><span class="refresh"></span><button type="button">button</button></span></td>
			<td><span class="button large icon"><span class="refresh"></span><button type="button">button</button></span></td>
			<td><span class="button xLarge icon"><span class="refresh"></span><button type="button">button</button></span></td>
		</tr>
		<tr>
			<th scope="row">input</th>
			<td><span class="button small icon"><span class="refresh"></span><input type="submit" value="input"></span></td>
			<td><span class="button medium icon"><span class="refresh"></span><input type="submit" value="input"></span></td>
			<td><span class="button large icon"><span class="refresh"></span><input type="submit" value="input"></span></td>
			<td><span class="button xLarge icon"><span class="refresh"></span><input type="submit" value="input"></span></td>
		</tr>
	</tbody>
</table>
<hr />
<table border="1" cellspacing="0">
	<caption> Regular Button : Download Icon</caption>
	<thead>
		<tr>
			<th scope="col">Element</th>
			<th scope="col">small</th>
			<th scope="col">medium</th>
			<th scope="col">large</th>
			<th scope="col">xLarge</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">a</th>
			<td><span class="button small icon"><span class="download"></span><a href="#">anchor</a></span></td>
			<td><span class="button medium icon"><span class="download"></span><a href="#">anchor</a></span></td>
			<td><span class="button large icon"><span class="download"></span><a href="#">anchor</a></span></td>
			<td><span class="button xLarge icon"><span class="download"></span><a href="#">anchor</a></span></td>
		</tr>
		<tr>
			<th scope="row">button</th>
			<td><span class="button small icon"><span class="download"></span><button type="button">button</button></span></td>
			<td><span class="button medium icon"><span class="download"></span><button type="button">button</button></span></td>
			<td><span class="button large icon"><span class="download"></span><button type="button">button</button></span></td>
			<td><span class="button xLarge icon"><span class="download"></span><button type="button">button</button></span></td>
		</tr>
		<tr>
			<th scope="row">input</th>
			<td><span class="button small icon"><span class="download"></span><input type="submit" value="input"/></span></td>
			<td><span class="button medium icon"><span class="download"></span><input type="submit" value="input"/></span></td>
			<td><span class="button large icon"><span class="download"></span><input type="submit" value="input"/></span></td>
			<td><span class="button xLarge icon"><span class="download"></span><input type="submit" value="input"/></span></td>
		</tr>
	</tbody>
</table>
</body>
</html>
